<a
  class="group relative inline-block text-sm font-medium text-white focus:ring-3 focus:outline-hidden"
  href="#"
>
  <span class="absolute inset-0 border border-red-600"></span>
  <span
    class="block border border-red-600 bg-red-600 px-12 py-3 transition-transform group-hover:-translate-x-1 group-hover:-translate-y-1"
  >
    Download
  </span>
</a>

<a
  class="group relative inline-block text-sm font-medium text-red-600 focus:ring-3 focus:outline-hidden"
  href="#"
>
  <span class="absolute inset-0 border border-current"></span>
  <span
    class="block border border-current bg-white px-12 py-3 transition-transform group-hover:-translate-x-1 group-hover:-translate-y-1"
  >
    Download
  </span>
</a>
